<template>
	<view>
		<view class="user_data">
			<image class="user_picture" src="../static/logo.png"></image>
			<view class="user_information">
				<view>甲乙</view>
				<view>time</view>
			</view>
			<view class="likes">
				<image src="../static/logo.png"></image> 
				<view class="likesnumber">12</view>
			</view>
		</view>
		<view class="user_comments">
			<view> 评论</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"Comments",
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
.user_data{
	display: flex;
}
.user_data  .user_picture{
	 width: 150rpx;
	 height: 150rpx;
	 border-radius: 50%;
	 margin: 30rpx 20rpx 20rpx 20rpx;
}
.user_data  .user_information{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.likes{
	margin-top: auto;
	margin-left:auto;
	right: 20rpx;	
	bottom: 90rpx;
}
.likes image{
	height: 50rpx;
	width: 50rpx;
}
.user_comments{
	display: flex;
	margin: 0 20rpx 20rpx 20rpx;
}
</style>